<template>
  <h1>详情页</h1>
  <h1>{{ $route.params.id }}</h1>
  <!--  <p>{{ Item }}</p>-->
  <h3>文章详情</h3>
  <div v-html="Item.details"></div>
</template>

<script>
import { mapState, mapActions } from "vuex";

export default {
  name: "ArticleDetails",

  computed: {
    ...mapState("Item", ["Item"]),
  },
  created() {
    const id = this.$route.params.id;
    this.GetItem(id);
  },
  methods: {
    ...mapActions("Item", ["GetItem"]),
  },
};
</script>

<style scoped></style>
